.user-list {
	position: relative;

	.user-list-item {
		position: relative;

		width: 50px;
		height: 50px;
		margin-right: 6px;
		margin-bottom: 6px;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		background-color: white;
		border: 1px dashed $default-border-color;

		.avatar {
			width: 32px;
			height: 32px;
			display: block;
			margin: 2px auto;
		}

		.info {
			font-size: 12px;
			vertical-align: top;
			display: block;
			text-overflow: ellipsis;
		}

		.remove {
			display: none;

			position: absolute;
			top: -6px;
			right: -6px;

			width: 12px;
			height: 12px;

			cursor: pointer;
			font-size: 12px;
			border-radius: 6px;
			color: white;
			background-color: $danger-color;
		}

		&:hover {
			.remove {
				display: inline-block;
			}
		}
	}

	.user-list-item.user-list-choice {
		line-height: 50px;

		> i {
			color: #DDD;
			font-size: 24px;
		}
	}
}
